<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>商品详情</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/layui/layui.all.js"></script>
    <script src="/js/jquery-3.3.1.min.js"></script>
</head>
<body>
<form class="layui-form"> <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
    <div class="layui-form-item">
        <label class="layui-form-label">商品名称</label>
        <div class="layui-input-block">
            <input id="orderid"  name="orderid" type="hidden" th:value="${productinfo.productid}">
            <span class="span-style txtStyle" th:text="${productinfo.productname}"></span>
            <input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input" style="display: none;">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">商品图片</label>
        <div class="layui-input-block">
            <span class="span-style txtStyle" th:text="${productinfo.priductpic}"></span>
            <input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input" style="display: none;">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">参考价</label>
        <div class="layui-input-block">
            <span class="span-style txtStyle" th:text="${productinfo.rp}"></span>
            <input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input" style="display: none;">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">活动价</label>
        <div class="layui-input-block">
            <span class="span-style txtStyle" th:text="${productinfo.activityprice}"></span>
            <input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input" style="display: none;">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">状态</label>
        <div class="layui-input-block">
            <span class="span-style txtStyle" th:text="${productinfo.status}"></span>
            <input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input" style="display: none;">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">是否推荐</label>
        <div class="layui-input-block">
            <span class="span-style txtStyle" th:text="${productinfo.elite}"></span>
            <input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input" style="display: none;">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">商品详情</label>
        <div class="layui-input-block">
            <span class="span-style txtStyle" th:text="${productinfo.productdetails}"></span>
            <input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input" style="display: none;">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">商品销量</label>
        <div class="layui-input-block">
            <span class="span-style txtStyle" ></span>
            <input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input" style="display: none;">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">创建时间</label>
        <div class="layui-input-block">
            <span class="span-style txtStyle" ></span>
            <input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input" style="display: none;">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">客户收藏量</label>
        <div class="layui-input-block">
            <span class="span-style txtStyle"></span>
            <input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input" style="display: none;">
        </div>
    </div>


    <!--<div class="layui-form-item">-->
        <!--<div class="layui-input-block">-->
            <!--<button class="layui-btn" lay-submit lay-filter="*">立即提交</button>-->
            <!--<button type="reset" class="layui-btn layui-btn-primary">重置</button>-->
        <!--</div>-->
    <!--</div>-->
    <!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->
</form>
</body>
<script src="/layui/layui.js"></script>
<script>
    layui.use('form', function(){
        var form = layui.form;

        //各种基于事件的操作，下面会有进一步介绍
    });
</script>